<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
    <title>CSS icon set -- by Wenting Zhang</title>
    <meta name="viewport" content="width=device-width; initial-scale=1.0" />
    <link rel="shortcut icon" href="favicon.png" />
    <link type="text/css" rel="stylesheet" href="css/style.css" />
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</head>

<body>
	<div class="logo">
	    <div class="c"></div>
	    <div class="s"></div>
	    <div class="s"></div>
	    <div class="i"></div>
	    <div class="c"></div>
	    <div class="o"></div>
	    <div class="n"></div>
	</div>

	<div class="iconWrapper">
	    <div class="search icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="search plusI icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="search minusI icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="close icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="hamburger icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="arrowLeft icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="arrowRight icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="arrowUp icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="arrowDown icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="plus icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="minus icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="check icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="remove icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="trash icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="audio icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="pin icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="chat icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="stop icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="clock h3 m0 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="clock h3 m30 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="clock h9 m0 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="clock h9 m30 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="profile icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar3 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar2 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar checkI icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar removeI icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar contact icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar paragraph icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="bell icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="heart icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="print icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="edit icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="link icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="map icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="mail icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="bookmark icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="camera icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="focus icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="card icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="lock icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="lock unlocked icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume icon"><i class="volumeMute icon"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume icon"><i class="volumePlus icon"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume icon"><i class="volumeMinus icon"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume icon"><i class="volumeOne icon"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume icon"><i class="volumeTwo icon"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume icon"><i class="volumeThree icon"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="code icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="flag icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="tag icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="signal icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="moon icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="sun icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="raindrop icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="umbrella icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="thermometer icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="export icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="download icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="upload icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="shutdown icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="shut icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="paperclip icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="retweet icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="key icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="key2 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="refresh icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="pilcrow icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="justified icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="leftaligned icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="centered icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="rightaligned icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="indent icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="outdent icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="eye icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="battery icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="battery batteryOne icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="battery batteryTwo icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="battery batteryThree icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="bag icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="anchor icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="browser icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="tv icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="laptop icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="mobile icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="tablet icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="picture icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="watch icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="target icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="navigate icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="float icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="cloud icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="cloud icon"><i class="downArrow"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="cloud icon"><i class="upArrow"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="more icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="vmore icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="mouse icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="keyboard icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="face smile icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face wink smile icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face tongue icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face wink tongue icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face doublewink smile icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face laugh icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face wink laugh icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face teethlaugh icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face wink teethlaugh icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face bigsmile icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face wink bigsmile icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face doublewink bigsmile icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face sad icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face doublewink sad icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="circle plusI icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="circle minusI icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="circle checkI icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="circle removeI icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="square plusI icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="square minusI icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="square checkI icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="square removeI icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="search filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="search filled plusI icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="search filled minusI icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="trash filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="audio filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="pin filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="chat filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="stop filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="clock filled h3 m0 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="clock filled h3 m30 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="clock filled h9 m0 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="clock filled h9 m30 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="profile filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar3 filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar2 filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar filled checkI icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar filled removeI icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar filled contact icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="calendar filled paragraph icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="bell filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="heart filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="print filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="edit filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="mail filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="bookmark filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="camera filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="card filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="lock filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="lock unlocked filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume filled icon"><i class="volumeMute icon"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume filled icon"><i class="volumeOne icon"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume filled icon"><i class="volumeTwo icon"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume filled icon"><i class="volumeThree icon"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume filled icon"><i class="volumePlus icon"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="volume filled icon"><i class="volumeMinus icon"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="flag filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="tag filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="moon filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="sun filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="raindrop filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="umbrella filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="thermometer filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="key filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="key2 filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="pilcrow filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="eye filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="eye filled2 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="eye filled3 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="battery filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="battery filled batteryOne icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="battery filled batteryTwo icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="battery filled batteryThree icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="bag filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="bag filled2 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="bag filled3 icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="browser filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="tv filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="laptop filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="mobile filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="tablet filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="picture filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="watch filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="target filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="navigate icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="float filled icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="cloud filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="cloud filled icon"><i class="downArrow"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="cloud filled icon"><i class="upArrow"></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="more filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="vmore filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="mouse filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="keyboard filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="face filled smile icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face filled tongue icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face filled doublewink smile icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face filled laugh icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face filled teethlaugh icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face filled bigsmile icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face filled doublewink bigsmile icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face filled sad icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="face filled doublewink sad icon"><i></i></div>
	</div>
	<div class="iconWrapper">
	    <div class="circle plusI filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="circle minusI filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="circle checkI filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="circle removeI filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="square plusI filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="square minusI filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="square checkI filled icon"></div>
	</div>
	<div class="iconWrapper">
	    <div class="square removeI filled icon"></div>
	</div>
	<footer>
		<div id="disqus_thread"></div>
		<script>
		    /**
		     *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
		     *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables
		     */
		    
		    var disqus_config = function () {
		        this.page.url = "http://cssicon.space/";  // Replace PAGE_URL with your page's canonical URL variable
		        // this.page.identifier = "bookmania"; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
		    };
		    (function() {  // DON'T EDIT BELOW THIS LINE
		        var d = document, s = d.createElement('script');
		        
		        s.src = '//cssicon.disqus.com/embed.js';
		        
		        s.setAttribute('data-timestamp', +new Date());
		        (d.head || d.body).appendChild(s);
		    })();
		</script>

		<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
	</footer>
</body>
</html>
